// SCSS 变量定义

// 颜色变量
$primary-color: #409eff;
$success-color: #67c23a;
$warning-color: #e6a23c;
$danger-color: #f56c6c;
$info-color: #909399;

// 间距变量
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 12px;
$spacing-lg: 16px;
$spacing-xl: 20px;
$spacing-xxl: 24px;

// 边框圆角
$border-radius-sm: 4px;
$border-radius-md: 6px;
$border-radius-lg: 8px;

// 阴影
$box-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
$box-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);
$box-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.15);

// 字体大小
$font-size-xs: 12px;
$font-size-sm: 13px;
$font-size-md: 14px;
$font-size-lg: 16px;
$font-size-xl: 18px;
$font-size-xxl: 20px;

// 行高
$line-height-sm: 1.4;
$line-height-md: 1.5;
$line-height-lg: 1.6;

// 过渡动画
$transition-fast: 0.2s;
$transition-normal: 0.3s;
$transition-slow: 0.5s;

// 布局变量
$header-height: 60px;
$sidebar-width: 260px;
$sidebar-collapsed-width: 64px;
$footer-height: 32px;

// 深色主题颜色
$dark-bg-color: #1d1d1d;
$dark-bg-color-page: #242424;
$dark-text-color-primary: #e5e5e5;
$dark-text-color-regular: #cfcfcf;
$dark-text-color-placeholder: #8d8d8d;
$dark-border-color: #414141;

// 浅色主题颜色
$light-bg-color: #ffffff;
$light-bg-color-page: #f5f5f5;
$light-text-color-primary: #303133;
$light-text-color-regular: #606266;
$light-text-color-placeholder: #a8abb2;
$light-border-color: #dcdfe6;

// 状态颜色映射
$status-colors: (
  online: $success-color,
  offline: $info-color,
  busy: $warning-color,
  error: $danger-color,
  maintenance: $info-color,
  active: $success-color,
  inactive: $info-color,
  suspended: $warning-color,
  banned: $danger-color,
  pending: $info-color,
  running: $primary-color,
  completed: $success-color,
  failed: $danger-color,
  cancelled: $info-color
);

// Z-index 层级
$z-index-header: 1000;
$z-index-sidebar: 999;
$z-index-dialog: 2000;
$z-index-notification: 3000;
$z-index-tooltip: 4000;

// 断点
$breakpoint-xs: 576px;
$breakpoint-sm: 768px;
$breakpoint-md: 992px;
$breakpoint-lg: 1200px;
$breakpoint-xl: 1400px;